<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="/plantillas/plantilla.xhtml">

	<ui:define name="cabecera">
		<style>
		</style>
		<script type="text/javascript">
		</script>
	</ui:define>

	<ui:define name="contenido">
		<p:panel header="Procesamiento de Rating">
			<h:form id="formBuscarCliente">
				<p:messages id="msgs" showDetail="true" autoUpdate="true" />
				<p:fieldset legend="Busqueda de Clientes">
					<h:panelGrid columns="4" cellspacing="10">
						<h:outputText value="Tipo de documento:"/>
						<p:selectOneMenu value="#{procRatingMB.tipoDocumento}">
							<f:selectItem itemValue="1" itemLabel="RUC"/>
							<f:selectItem itemValue="2" itemLabel="Código Central"/>
						</p:selectOneMenu>
						<h:outputText value="Número de documento:"/>
						<p:inputText value="#{procRatingMB.numeroDocumento}"/>
					</h:panelGrid>
					<p:commandButton value="Buscar" actionListener="#{procRatingMB.buscarCliente}" update=":formProcesarRating"/>
				</p:fieldset>			
			</h:form>
			<br/>
			<h:form id="formProcesarRating">
				<p:fieldset  rendered="#{procRatingMB.mostrarInfo}">
					<h:panelGrid columns="4" cellspacing="10">
						<h:outputText value="Nombre del Cliente:"/>
						<h:outputText value="#{procRatingMB.clienteBean.nombreEmpresa}"/>
						<h:outputText value="RUC:"/>
						<h:outputText value="#{procRatingMB.clienteBean.ruc}"/>
						
						<h:outputText value="Descripción de Simulación:"/>
						<p:inputText value="#{procRatingMB.descripcionSimulacion}"/>
						<h:outputText value=""/>
						<h:outputText value=""/>
					</h:panelGrid>
					<div style="width: 100%; text-align: center;">
					<p:commandButton value="Procesar" action="#{procRatingMB.procesarRating}" onstart="dlgLoading.show()" oncomplete="dlgLoading.hide()"/>
					</div>
				</p:fieldset>				
				<p:dialog widgetVar="dlgLoading" resizable="false" 
                	showEffect="fade" hideEffect="explode" modal="true" appendToBody="true" width="150px">  
					<p:outputPanel>
					    <h:outputText value="#{procRatingMB.mensajeLoading}"/>
					</p:outputPanel>
				</p:dialog>
			</h:form>
			<p:separator />
		</p:panel>
	</ui:define>

</ui:composition>
</html>